#header > .banner_img:nth-of-type(2) {
	position: absolute;
	top: -100vh;
	left: 0;
	width: 100vw;
	height: 100vh;
}

#header_slogan {
	width: 35vw;
	height: 40vh;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 50px;
	color: white;
	position: absolute;
	right: 10%;
	top: 40%;
	z-index: 3;
	user-select: none;
}
#header_slogan > div {
	position: relative;
	width: 100%;
	height: 20%;
	overflow: hidden;
}

#header_slogan > div > p {
	width: 100%;
	height: 100%;
	line-height: 100%;
	position: absolute;
	top: 100%;
	opacity: 0;
}

#body {
	width: 100vw;
	z-index: 3;
	background-color: white;
}

#concept {
	width: 100vw;
	height: 100vh;
	position: relative;
	z-index: 4;
}

.carousel_template {
	width: 55vw;
	height: 80vh;
	position: absolute;
	top: -10vh;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgb(243, 243, 243);
}
.introduce {
	position: absolute;
	z-index: 9;
	right: -10vw;
	bottom: -16vh;
	width: 26vw;
	height: 66vh;
	display: none;
}

.introduce_img_group {
	position: absolute;
	bottom: 0;
	z-index: 9;
	width: 26vw;
	height: 60vh;
	display: flex;
}

.introduce_img_group > img:nth-child(2) {
	position: relative;
	top: -5vh;
}
.introduce_img_group > div {
	width: 13vw;
	height: 60vh;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
}
.introduce_img_group > div:nth-of-type(2) {
	top: -10%;
}
.introduce_img_group > div > .introduce_group_display {
	position: absolute;
	width: 500%;
	left: -13vw;
}

.introduce_img_group > div > .introduce_group_display > img {
	width: 13vw;
	height: 60vh;
}

.arrow_group {
	width: 6vw;
	height: 3vw;
	position: absolute;
	overflow: hidden;
}

.arrow_group:nth-child(1) {
	right: 0;
	top: 0;
}

.arrow_group:nth-child(4) {
	right: 0vw;
	bottom: 17vh;
	transform: translateY(50%);
	z-index: 20;
	display: none;
}

.arrow_group_left,
.arrow_group_right {
	width: 3vw;
	height: 3vw;
	position: absolute;
	overflow: hidden;
	background-color: white;
}

.arrow_group_left {
	left: 0;
}

.arrow_group_right {
	right: 0;
}

.left_tempalte,
.right_tempalte,
.left_tempalte_bg,
.right_tempalte_bg {
	width: 3vw;
	height: 3vw;
	display: inline-block;
	font-size: 18px;
	text-align: center;
	line-height: 3vw;
	cursor: pointer;
	position: absolute;
	z-index: 20;
	top: 0;
}

.left_tempalte_bg,
.right_tempalte_bg {
	background-color: rgb(243, 243, 243);
	left: -3vw;
	z-index: 19;
	/* transform: translateX(-100%); */
}

.carousel_template_introduce {
	position: absolute;
	left: 15%;
	top: 30%;
	z-index: 10;
	display: none;
}

.carousel_template_introduce > span:nth-of-type(1) {
	font-size: 50px;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.carousel_template_introduce > p {
	width: 40%;
	font-size: 20px;

	line-height: 2rem;
	color: rgb(0, 0, 0, 0.7);
	font-family: 'Times New Roman', Times, serif;
	margin-top: 8vh;
	margin-bottom: 8vh;
}
.carousel_template_introduce > div {
	width: 6vw;
	height: 5vh;
	text-align: left;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}

.carousel_template_introduce > div > span > a {
	text-decoration: none;
	font-size: 20px;
	color: #080a15;
	opacity: 0.5;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.carousel_template_introduce > div > span:nth-child(2) {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	display: inline-block;
	background-color: #6a6b75;
}

#products img {
	width: 362px;
	height: 510px;
}

#products {
	width: 100vw;
	height: 200vh;
	background-color: rgb(243, 243, 243);
	position: relative;
}

#products > h3 {
	position: absolute;
	top: 15%;
	left: 25%;
	font-size: 42px;
}

#products > #product_ul_line {
	position: absolute;
	top: 19%;
	left: 25%;
	width: 3%;
	height: 3%;
	border-bottom: 2px solid black;
}

#products > #product_menu {
	width: 25%;
	height: 3vh;
	line-height: 3vh;
	position: absolute;
	top: 21%;
	left: 30%;
	display: flex;
	justify-content: space-around;
	cursor: pointer;
}

#product_menu_shadow_bg {
	width: 5%;
	height: 4vh;
	background-color: rgb(106, 107, 117);
	position: absolute;
	top: 20.8%;
	left: 30.5%;
}

#products > #product_menu > li {
	width: 20%;
	height: 100%;
	text-align: center;
	font-size: 16px;
	font-family: 'Times New Roman', Times, serif;
	text-decoration: underline rgb(102, 103, 110);
	color: rgb(142, 142, 147);
	text-underline-offset: 3px;
}

#products > #product_menu > .product_menu_checked {
	color: rgba(225, 225, 227, 1);
	text-decoration: underline rgba(225, 225, 227, 1);
}

#products > #product_group {
	width: 60%;
	height: 60%;
	position: absolute;
	top: 27%;
	left: 20%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}

.product_item > div {
	width: 362px;
	height: 510px;
	overflow: hidden;
	transition: all 0.6s;
	cursor: pointer;
}

.product_item > div:hover {
	box-shadow: 1px 1px 23px 10px rgba(97, 93, 95, 0.3);
}
.product_item > div > img {
	transition: all 0.6s;
}

.product_item > div > img:hover {
	transform: scale(1.2);
}

.product_item > p {
	text-align: center;
	margin-top: 30px;
	color: black;
	opacity: 0.6;
	transition: all 0.6s;
	cursor: pointer;
}

.product_item > p:hover {
	opacity: 1;
}

#our_team {
	position: relative;
	width: 100vw;
	height: 120vh;
	background-color: rgb(202, 199, 193);

	/* background-size: 100%; */
}

#our_team > h3 {
	position: absolute;
	top: 15%;
	left: 25%;
	font-size: 40px;
	font-weight: normal;
	color: black;
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande',
		'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

#our_team > #our_team_box {
	width: 90vh;
	height: 60vh;
	background-color: white;
	position: absolute;
	left: 50%;
	top: 25%;
	transform: translateX(-50%);
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}

#our_team_box > div {
	width: 30%;
	height: 40%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 10% 45%;
	transition: all 0.6s;
	cursor: pointer;
}

#our_team_box > div:hover {
	box-shadow: 1px 1px 10px 1px rgba(97, 93, 95, 0.3);
}

#team_bg {
	position: absolute;
	bottom: 0%;
	left: 50%;
	transform: translateX(-50%);
	width: 70vw;
	height: 30vh;
	background-image: url(../img/index/team/bg.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 100%;
}
